<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="layouts/layout">
<head>
<title>ProductList</title>
</head>
<body>

	<th:block layout:fragment="content">

		<div class="container-wrapper">
    <div class="container">
        <div class="page-header">
            <h1>Product Detail</h1>


            <p class="lead">Here is the detail information of the product:</p>
        </div>

        <div class="container" ng-app = "cartApp">
            <div class="row">
                
                <div class="col-md-5">
                    <h3 th:text="${product.productName}">${product.productName}</h3>
                    <p th:text="${product.productdescription}">${product.productDescription}</p>
                    <p><strong>Manufacturer</strong>: <span th:text="${product.productmanufacturer}"></span></p>
                    <p><strong>Category</strong>: <span th:text="${product.productcategory}"></span></p>
                    <p><strong>Condition</strong>: <span th:text="${product.productcondition}"></span></p>
                    <p th:text="${product.productprice}">${product.productPrice} USD</p>

                    <br/>

                    <p ng-controller="cartCtrl">
                        <a th:href="@{/product/productList}" class="btn btn-default">Back</a>
                        <a href="#" class="btn btn-warning btn-large" th:attr="ng-click='addToCart('+${product.id}+')'" ng-click="addToCart('${product.id}')"><span class="glyphicon glyphicon-shopping-cart"></span> Order Now</a>
                        <a th:href="@{/customer/cart}" class="btn btn-default"><span class="glyphicon glyphicon-hand-right"></span> View Cart</a>
                    </p>

                </div>
            </div>
        </div>
        </div>
        </div>
	</th:block>


	<th:block layout:fragment="javascripts">
		<script th:src="@{/static/javascripts/controller.js?v3}"></script>
	</th:block>
</body>
</html>